<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="header-box">
        <div class="blog">
            <div class="blog-bg">
                <div class="header">
                    <div class="h-l">
                        <h1><a href="#">liser的个人博客</a></h1>
                        <div class="h-two">
                            <div class="h-y">
                                <input type="text" name="" id="" placeholder="请输入关键字">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nav">
                    <div class="top">
                        <ul>
                            <li><a href="#">首页</a></li>
                            <li><a href="http://localhost:8080/mood/">心情说说</a></li>
                            <li><a href="#">博客教程</a></li>
                            <li><a href="#">关于我</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="contation-x">
                    <div class="article">
                        <!-- <div class="item">
                            <div class="item_warp">
                                <div class="item-l" >
                                    <a href="">
                                        <div>
                                            <h2>CSS3常用属性及技巧</h2>
                                            <p>CSS3提供了很多特效属性，比如旋转、倾斜、动画、投影(阴影)、圆边角等很多css2是无法实现的，必须用图片才可以，但是css3可以做到。1.透明度opcait...</p>
                                        </div>
                                    </a>
                                </div>
                                <div class="itel-y">

                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>